$(function () {
  //需求：定义校验规则
  let form = layui.form
  form.verify({
    nickname: [/^[\S]{1,10}$/, "昵称的长度为1-10个字符串！"],
  })

  //需求2：渲染用户信息 - 封装成函数，后面还要用
  //函数不调用，不执行
  let layer = layui.layer
  initUserInfo()
  function initUserInfo() {
    axios({
      url: "/my/userinfo",
    }).then((res) => {
      //成功回调
      // console.log(res)
      //判断
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      form.val("formUserInfo", res.data.data)
    })
  }

  //   需求3：重置功能
  $("#btnReset").on("click", function (e) {
    e.preventDefault()
    // 重新渲染表单
    initUserInfo()
  })

//   需求4：修改用户信息
$('form').on('submit',function(e){
    e.preventDefault()
    axios({
        url:'/my/userinfo',
        method:'post',
        // 设置参数：根据参数类型会设置头信息；a=1&b=2&c=3
        data: $(this).serialize()
        
    }).then(res=>{
        //成功回调
        // console.log(res)
        if(res.data.status !==0){
            return layer.msg(res.data.message)
        }
        // 成功：提示
        layer.msg('恭喜您，修改用户信息成功!')
        // 直接调用无效，因为不是一个window对象
        window.parent.getUserInfo()
    });
})
})
